<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>新建学习空间</title>
    <link rel="stylesheet" href="../css/personal-center.css"/>
    <script type="text/javascript" src="../js/personal-center.js"></script>
</head>

<body>
<!--****************顶部导航************-->
<%@include file="../jsp/common/nav.jsp"%>
<!--*******************个人中心**********************-->
<!--标题导航-->
<div class="personal-nav">
    <span class="personal-nav-title"><a href="/index/main">学习空间</a></span>
    >
    <span class="personal-nav-title"><a href="/space/new-space">新建学习空间</a></span>
    >
    <span>软件工程（国防科技大学）</span>
</div>
<!--个人信息-->
<div class="personal">
    <div class="personal-left" id="personal-left">
        <h1>新建学习空间</h1>
        <span>学习空间可以用于存放学习资料、心得体会，讨论问题等。</span>
    </div>
    <div class="personal-right">
        <form action="/space/new-spaceSubmit?userId=${user.id}" method="post" enctype="multipart/form-data">
            <ul>
                <li><h3>空间名</h3></li>
                <li>
                    <input type="text" size="70" name="name" onfocus="FocusItem(this)" onblur="CheckItem(this);"/>
                    <span></span>
                </li>
                <li><h3>空间描述：</h3></li>
                <li><textarea cols="65" rows="5" name="detail"></textarea></li>
                <li>
                    <h3>空间头像</h3>
                    <img src="../images/spacelogo.png" sizes="64px" height="64px"/>
                    <input type="file" class="p" value="选择图片" name="file"/>
                    <div class="p">仅支持 jpg, jpeg, png 格式的图片类型。图片允许的最大大小为2MB。</div>
                    <div class="button" id="button3">
                        <input type="reset" id="reset" value="重置" />
                    </div>
                </li>
            </ul>
            <input type="submit" id="sumbit" value="新建空间"/>
            <input type="button" id="default" value="取消" onclick="location.href='/space/defaultSpace?userId=${user.id}&id=${space.id}'"/>
        </form>
    </div>
</div>
</body>
</html>
